
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>辉煌阁初识</title>
	<link rel="stylesheet" href="/static/personalblog/css/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="/static/personalblog/css/shubiao.css" type="text/css" media="all" />
	<script src="/static/personalblog/js/jquery-1.4.1.min.js" type="text/javascript"></script>
	<script src="/static/personalblog/js/jquery.jcarousel.pack.js" type="text/javascript"></script>
	<script src="/static/personalblog/js/jquery-func.js" type="text/javascript"></script>
    <script src="/static/personalblog/js/shubiao.js"></script>

	<style>
		#main p{
			/*color: #fff;*/
			margin-left: 15px;
		}
	</style>
	
</head>
<body>
<!-- Backgrounds -->
<div id="bg-y">
	<div id="bg-top">
		<div id="top">
			
			<!-- Shell -->
			<div class="shell">
				
				<!-- Header -->
				<div id="header">
					<div id="navigation">
						<ul>
						    <li><a href="#home">学历</a></li>
						    <li><a href="#about">人生观</a></li>
						    <li><a href="#portfolio">兴趣爱好</a></li>
						    <li><a href="#contact">个人评价</a></li>
							
						</ul>
					</div>
				</div>
				<!-- End Header -->
				
				<!-- Main -->
				<div id="main">
					
					<!-- Welcome -->
					<div class="post" id="home">
						<h2>学历<span style="font-size: 18px;color: #666;">（[[${data.educationBackground}]]）</span></h2>
					</div>
					<!-- End Welcome -->
					
					<!-- About -->
					<div class="post" id="about">
						<h2>人生观</h2>
<!--						<p>人这一辈子，无非就是个过程，荣华花间露，富贵草上霜，生不带来，死不带去，得意些什么？失意些什么？顺其自然、随遇而安，如行云般自在，像流水般洒脱，才是人生应有的态度。时间是种极好的东西，原谅了不可原谅的，过去了曾经过不去的。也许偶尔会回想过去的美好，但是，人始终要学会向前看。</p>-->
						<p>[(${data.outlookLife})]</p>
					</div>
					<!-- End About -->
					
					<!-- Portfolio -->
					<div class="post" id="portfolio">
						<h2>兴趣爱好</h2>
						<p>[(${data.hobbiesInterests})]</p>
					</div>
					<!-- End Portfolio -->
					
					<!-- Contact -->
					<div class="post" id="contact">
						<h2>个人评价</h2>
						<div class="contact-form">
							<div class="cl">&nbsp;</div>
							<p class="left">
								[(${data.selfEvaluation})]
							</p>
							<div class="form right">
								<form action="" method="post">
									<label>称呼我：</label><p>[[${data.name}]]</p>
									
									<label>QQ：</label>
									<p>[[${data.qq}]]</p>
									
									<label>微信：</label>
									<p>[[${data.weixin}]]</p>
								</form>
							</div>
							<div class="cl">&nbsp;</div>
						</div>
					</div>
					<!-- End Contact --> 
					
					<!-- About -->
					<div class="post" id="scepo" style="height: 160px;">
						<h2>末日传送门</h2>

						<iframe id="xxx" src="welcome" width="100%" height="150px" style="border: 0;cursor: pointer;"></iframe>
						<p id="ljjr"></p>
					</div>
				</div>
				<!-- End Main -->
				
				
				<!-- Footer -->
				<div id="footer">
					<p style="text-align: right;color: red">[[${data.motto}]]——[[${data.name}]]</p>
				</div>
				<!-- End Footer -->
				
			</div>
			<!-- End Shell -->
			
		</div>
	</div>
</div>
<!-- End Backgrounds -->
<div style="display:none"></div>
<script>
	$("#ljjr").click(function(){
		location.href = "main";
	})
	$(document).scroll(function() {
        var scroH = $(document).scrollTop();  //滚动高度
        var viewH = $(window).height();  //可见高度 
        var contentH = $(document).height();  //内容高度

        if (contentH < (scroH + viewH)){  //滚动条滑到底部啦
        	// setTimeout(function (){
			// 	alert("糟糕！打开了新世界的大门")
			// 	location.href = "main";
			// },2000)

        }
 
   });
</script>
</body>
</html>